﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>会员注册 - DTcms网站管理系统</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="scripts/artdialog/ui-dialog.css"/>
    <link rel="stylesheet" type="text/css" href="css/validate.css"/>
    <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="scripts/artdialog/dialog-plus-min.js"></script>
</head>

<body>

<!--页面头部-->
<div id="header"></div>
<script>$("#header").load("_header.html");</script>
<!--/页面头部-->

<!--当前位置-->
<div class="section">
    <div class="location">
        <span>当前位置：</span>
        <a href="index.html">首页</a> &gt;
        <a href="javascript:;">会员注册</a>
    </div>
</div>
<!--/当前位置-->

<!--导航推荐-->
<div class="section" id="app">
    <div class="wrapper">
        <div class="bg-wrap">

            <!--会员注册-->
            <div class="nav-tit">
                <a class="selected" href="javascript:;">会员注册</a>
                <i>|</i>
                <a href="login.html">账户登录</a>
            </div>

            <form id="regform" name="regform" @submit.prevent="on_submit">
                <div class="form-box full">

                    <dl class="form-group">
                        <dt>用 户 名：</dt>
                        <dd>
                            <input id="txtUsername" name="username" type="text"
                                   class="input" placeholder="请输入登录用户名"
                                   v-model="username" @blur="check_username"/>
                            <span class="Validform_wrong" v-show="error_name">{{ error_name_message }}</span>
                        </dd>
                    </dl>

                    <dl class="form-group">
                        <dt>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</dt>
                        <dd>
                            <input id="txtPassword" name="password" type="password"
                                   class="input" placeholder="请输入登录密码"
                                   v-model="password" @blur="check_pwd"/>
                            <span class="Validform_wrong"
                                v-show="error_password">{{ error_password_message }}</span>
                        </dd>
                    </dl>

                    <dl class="form-group">
                        <dt>确认密码：</dt>
                        <dd>
                            <input id="txtPassword1" name="password2" type="password" class="input"
                                   placeholder="请再次输入密码" v-model="password2" @blur="check_cpwd"/>
                            <span class="Validform_wrong"
                                v-show="error_check_password">两次输入的密码不一致</span>
                        </dd>
                    </dl>

                    <!--开放注册及手机注册-->
                    <dl class="form-group">
                        <dt>手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机：</dt>
                        <dd>
                            <input id="txtMobile" name="mobile" type="text"
                                   class="input" placeholder="输入手机号码"
                                v-model="mobile" @blur="check_phone"/>
                            <span class="Validform_wrong"
                                v-show="error_phone">{{ error_phone_message }}</span>
                        </dd>
                    </dl>
                    <!--/开放注册及手机注册-->

                    <!--开放注册-->
                    <dl class="form-group">
                        <dt>短信验证码：</dt>
                        <dd>
                            <input id="txtCode" name="sms_code" type="text" class="input code"
                                   placeholder="请输入短信验证码"
                                   v-model="sms_code" @blur="check_sms_code"/>
                            <a class="send" @click="get_sms_code">获取验证码</a>
                            <span v-show="error_sms_code" class="Validform_wrong">{{ error_sms_code_message }}</span>
                        </dd>
                    </dl>
                    <!--/开放注册-->

                    <!--开启注册协议-->
                    <dl class="form-group">
                        <dd>
                            <input id="chkAgree" name="chkAgree" type="checkbox" value="1"
                                v-model="allow" @change="check_allow">
                            <label for="chkAgree">我已仔细阅读并接受 <a href="javascript:;"
                                   onclick="showWindow('#regrules');">注册许可协议</a></label>
                            <div id="regrules" title="注册许可协议" style="display:none;">
                                1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。<br/>
                                2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。
                                3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。
                            </div>
                            <span class="Validform_wrong"
                                v-show="error_allow">请勾选接受用户协议</span>
                        </dd>
                    </dl>

                    <!--/开启注册协议-->
                    <dl class="form-group">
                        <dd>
                            <input id="btnSubmit" name="btnSubmit" type="submit"
                                   value="立即注册" class="submit" />
                        </dd>
                    </dl>
                </div>
            </form>
            <!--/会员注册-->
        </div>
    </div>
</div>


<!--页面底部-->
<div id="footer"></div>
<script>$("#footer").load("_footer.html");</script>
<!--/页面底部-->

<script type="text/javascript" src="js/axios-0.18.0.min.js"></script>
<script type="text/javascript" src="js/vue-2.5.16.js"></script>
<script type="text/javascript" src="js/register.js"></script>

</body>
</html>